Thích Cay · Design Guideline 2026 02·Mục lục

Mục lục — Table of Contents

How to play ?

PHẦN 01

Thương hiệu

Định vị, tinh thần, khách hàng, giọng điệu và mẫu copy gốc.

PHẦN 02

Hệ thống thị giác

Logo, màu, typography, icon, texture, ánh sáng, chuyển động.

PHẦN 03

Mood board

4 SKU chủ lực, ảnh sản phẩm thực tế, KV mẫu, do/don't.

Thích Cay · Design Guideline 2026 02 / 27

01 · Thương hiệu 04·Định vị

Định vị — Brand Essence

Công thức gia truyền,
sáng tạo gia vị Việt

Thích Cay là thương hiệu nước sốt Việt hiện đại — biến những công thức gia truyền (kho quẹt, sốt thái tôm khô, bơ tỏi hoàng kim, sốt gỏi cay) thành hũ & chai shelf-ready dành cho người Việt nấu ăn tại nhà mỗi ngày.

Thích Cay · Design Guideline 2026 04 / 27

01 · Thương hiệu 05·Tinh thần

Tinh thần thương hiệu — 3 từ khoá

Nếu chỉ được giữ ba từ.

Mọi thiết kế, mọi câu copy, mọi shot ảnh phải kiểm tra được bằng ba từ này. Thiếu một — chưa phải Thích Cay.

Đậm đà

Ấm áp

Rất Việt

Thích Cay · Design Guideline 2026 05 / 27

01 · Thương hiệu 06·Khách hàng

Persona — Khách hàng mục tiêu

Chúng ta nói với ai?

Cô Lan

32 tuổi · Mẹ 2 con · TP. HCM · Mua hàng Shopee & TikTok Shop

"Bận đi làm cả ngày, tối về vẫn muốn nấu cho con bữa cơm có hồn — không cầu kỳ nhưng phải ngon như mẹ nấu."

25–45Độ tuổi cốt lõi

Nữ 80%Phân bố giới

Online-firstShopee · Lazada · TikTok

DiasporaViệt kiều xa quê

Tâm lý & hành vi

Tự hào về bếp Việt, ghét vị "Tây hoá".
Tin vào công thức truyền thống nhưng không có thời gian nấu lâu.
Tin tưởng review thật & lời truyền miệng hơn quảng cáo.
Sẵn sàng trả thêm cho không bột ngọt & nguyên liệu sạch.

Thích Cay · Design Guideline 2026 06 / 27

01 · Thương hiệu 07·Giọng điệu

Voice & Tone — Nói thế nào

Giọng bà nấu bếp.
Tự hào, ngắn gọn, không hoa lá.

Nên

Khẳng định vị giác: "MẶN NGỌT HÀI HÒA", "CHẤT SỐT SÁNH ĐẶC".
Động từ giác quan: thơm, béo, cay, đậm đà, sánh đặc.
2–4 từ mỗi dòng. Ngắt dòng như đóng dấu lên ảnh đồ ăn.
Xưng "bạn" trực tiếp khi cần ("Gỏi gì cũng ngon").
Gợi hình ảnh bếp nhà, mâm cơm, quán vỉa hè.

Không nên

Marketing-speak ẩn ý ("chúng tôi nghĩ bạn có thể thích…").
Ngôn ngữ dinh dưỡng lâm sàng, % chất, miligram.
Câu dài, có dấu phẩy nhiều hơn 2 lần.
Khẩu hiệu "fine-dining" hoặc gourmet phương Tây.
Emoji 🌶️🔥 — chillipepper của logo đã là mascot.

Thích Cay · Design Guideline 2026 07 / 27

01 · Thương hiệu 08·Copy mẫu

Mẫu copy gốc — trích từ packaging hiện hành

Đóng dấu lên ảnh đồ ăn.

Headline 2 dòng, sub-claim 2 dòng × 2-3 cụm. Dùng làm khuôn mẫu khi viết copy cho SKU mới.

Gỏi ngon
đậm đà

Chua ngọt hài hòa
—
Chất sốt sánh đặc

Bơ tỏi
hảo hạng

Dậy mùi thơm béo
—
Mặn ngọt hài hòa

Vị nấm
ngọt thanh

Mặn ngọt hài hòa
—
Béo bùi đậu phộng

Thích Cay · Design Guideline 2026 08 / 27

02 · Hệ thống thị giác 10·Logo

Logo — Bộ nhận diện chính thức

Primary · Mặc định

Trên nền cream

Reverse · Nền tối

Trên nền ink

Mono đỏ · Lifestyle

Trên nền photography

Thích Cay · Design Guideline 2026 10 / 27

02 · Hệ thống thị giác 11·Clear space

Khoảng trống & kích thước tối thiểu

Để logo thở.

× × × ×

Khoảng trống tối thiểu xung quanh logo bằng chiều rộng chữ "T" trong wordmark. Không có text, hình, hoặc viền nào được phép xâm phạm.

32px

Min · Digital

App icon, favicon, social avatar.

18mm

Min · Print

Bao bì, nhãn dán, business card.

Thích Cay · Design Guideline 2026 11 / 27

02 · Hệ thống thị giác 12·Bảng màu

Bảng màu — Brand palette

Đỏ ớt. Kem giấy. Vàng caramel.

Chilli Red

Primary · CTA · Ribbon

HEX · #B41A1A OKLCH · 0.50 0.19 27 Token · --primary-600

Cream Paper

Surface · Page bg

HEX · #FBF5E7 OKLCH · 0.97 0.03 92 Token · --brand-surface

Caramel

Secondary · Stamp

HEX · #8A4C00 OKLCH · 0.46 0.10 60 Token · --brand-secondary

Coral

Accent · Highlight

HEX · #FF766A OKLCH · 0.71 0.18 28 Token · --brand-accent

Peach

Container · Soft accent

HEX · #FFC697 OKLCH · 0.86 0.07 65 Token · --secondary-container

Ink

Text · Body · Heading

HEX · #2B241E OKLCH · 0.22 0.01 60 Token · --neutral-800

Lifted Cream

Surface elevated · Card

HEX · #FFFCF1 OKLCH · 0.99 0.02 95 Token · --surface-elevated

Maroon

Pressed · Hover · Outline

HEX · #921616 OKLCH · 0.43 0.18 27 Token · --primary-700

Thích Cay · Design Guideline 2026 12 / 27

02 · Hệ thống thị giác 13·Thang màu

Color scales — 50 → 950

Mở rộng có hệ thống.

Mỗi bậc cách nhau khoảng 8–10 % độ sáng OKLCH. Dùng --primary-600 & --neutral-800 là default; các bậc khác cho state, container, divider.

Primary · Chilli Red

100

200

300

400

500

600 ★

700

800

900

950

Neutral · Warm Ink

50 ★

100

200

300

400

500

600

700

800 ★

900

Signature gradient · Hero only

linear-gradient(135deg, #B41A1A → #FF766A)

Thích Cay · Design Guideline 2026 13 / 27

02 · Hệ thống thị giác 14·Tỉ lệ màu

Tỉ lệ sử dụng — 60 / 30 / 10

Kem giấy là nền. Đỏ là điểm nhấn.

60%

30%

10%

60%

Cream paper

Nền trang, surface, không gian thở. Luôn là lớp dưới cùng — tránh trắng tinh #FFFFFF.

30%

Chilli Red + Ink

Headline, CTA, ribbon, badge. Tỉ lệ cao trên packaging; thấp hơn trên web/app để dễ đọc.

10%

Caramel · Peach · Green

Accent cho price tag, success state, herb callout. Dùng rất tiết kiệm.

Thích Cay · Design Guideline 2026 14 / 27

02 · Hệ thống thị giác 15·Typography

Typography stack — 4 fonts

Bốn font. Không hơn.

DVN Luckiest Guy

Display · UPPERCASE only

Headline, ribbon, price, benefit pill. Full diacritics vi-VN. Không dùng quá 6 từ một dòng.

SỐT GỎI CAY

Be Vietnam Pro

Heading · H1–H6 · 300–900

Mọi heading editorial, quote, section intro. Diacritics tốt nhất trong các font Việt hoá miễn phí.

Truyền thống trong từng giọt

Plus Jakarta Sans

Body · UI · Button · Price

Variable 200–800. Dùng cho mô tả sản phẩm, label, nút, số giá.

Sốt gỏi cay đậm đà — chua ngọt hài hoà.

Gagalin

Logo only · Không load cho UI

Chỉ xuất hiện trên wordmark gốc. Không bao giờ dùng cho copy hay heading.

THÍCH CAY

Thích Cay · Design Guideline 2026 15 / 27

02 · Hệ thống thị giác 16·Type scale

Type scale — 26 token chuẩn hoá

Cao thấp có quy luật.

display-2xl Sốt gỏi cay 72 / 1.1

display-lg Bơ tỏi hảo hạng 48 / 1.1

h1 Vị nấm ngọt thanh 36 · 800

h2 Chất sốt sánh đặc 30 · 700

h3 Chua ngọt hài hoà 24 · 700

body-lg Sốt gỏi cay Thích Cay — chai 500ml, đủ cho 5–6 dĩa gỏi. 18 · 400

body Không cần nêm thêm — hợp với mọi món gỏi. 16 · 400

label Không bột ngọt · 100% tự nhiên 12 · 600 ↑

price-lg 65.000₫ 24 · 700

Thích Cay · Design Guideline 2026 16 / 27

02 · Hệ thống thị giác 17·Iconography

Iconography — Lucide 2px rounded

Stroke ấm. Bo tròn. Không tô đặc.

Bộ icon mặc định: Lucide — stroke 2px, rounded line-cap, đồng bộ với quy tắc bo tròn của thương hiệu. Chỉ dùng filled cho state đã chọn (toggle, tab active).

⚠️ Flag: Đây là default tạm. Nếu agency có bộ icon vẽ tay (chili, smoke, brush) — gửi cho team để swap toàn hệ thống.

Thích Cay · Design Guideline 2026 17 / 27

02 · Hệ thống thị giác 18·Texture

Texture & pattern — Bề mặt cảm xúc

Giấy gói chứ không phải kính.

Hai texture nền duy nhất. Không dùng blur, không dùng glass, không dùng gradient mesh.

Topo Paper

Đường contour trên giấy kem — texture nền mặc định cho section, card, package wrap. Opacity 30–55 %.

Brush Bottom

Nét cọ sơn kem → kraft, đặt đáy hero image. Tạo cảm giác viết tay, vẽ bằng tay.

Thích Cay · Design Guideline 2026 18 / 27

02 · Hệ thống thị giác 19·Signature elements

Signature elements — Đặc trưng nhận diện

Ruy băng, dấu mộc, bóng dán.

Sốt gỏi cay

Ribbon banner

Đỏ ớt, viền vàng nếu cần, hai đầu cắt notch chữ V. Luôn xoay nhẹ ±2° để cảm giác "dán tay". Headline DVN Luckiest Guy.

Mua ngay

65K

Sticker shadow

Bóng 8px solid màu đỏ/đen, không blur. Tạo cảm giác như "miếng dán dán lên giấy". Dùng cho CTA, price tag, badge.

Thích Cay · Design Guideline 2026 19 / 27

02 · Hệ thống thị giác 20·Photography

Photography direction — Định hướng ảnh

Sốt đang rót. Khói đang bay.

Pour-action luôn có

Sốt đang chảy, khói đang bay, dầu đang xèo. Không bao giờ shoot tĩnh kiểu catalog.

Góc 45° hoặc overhead

Không bao giờ ngang tầm mắt. Bàn gỗ tự nhiên, nền giấy kem, ánh sáng ấm.

Grading ấm + green shadow

Warm white balance 4500–5200K. Chừa shadow hơi xanh để thấy rau thơm tươi.

Tay người Việt vào hình

Bàn tay rót sốt, da ấm, móng tay sạch — không bao giờ thay bằng tay mẫu Tây.

Thích Cay · Design Guideline 2026 20 / 27

02 · Hệ thống thị giác 21·Layout & Motion

Layout principles & motion language

Tạp chí, không phải khung lưới.

Magazine, not grid

Ribbon xoay, sticker lệch trục, ảnh tràn ra ngoài frame. Cho phép "không thẳng hàng" có chủ đích.

Round corners luôn ≥ 6px

Không bao giờ border-radius: 0. Mặc định 10–26px; nút pill 9999px.

2px stroke, không hairline

Border tối thiểu 2px — cảm giác giấy in chứ không phải web hairline.

Bounce easing — cubic-bezier(.34, 1.56, .64, 1)

Instant100 ms

Fast (hover/focus)150 ms

Normal250 ms

Slow (page tx)400 ms

Rubber-stamp entryscale 1.1 → 1.0

Thích Cay · Design Guideline 2026 21 / 27

03 · Mood board 24·Pour shot

Packaging in action

Bơ tỏi.
Khói. Chảo gang.

Đây là cảm giác mục tiêu — sản phẩm đang được dùng, không phải sản phẩm tĩnh trên kệ.

Thích Cay · Design Guideline 2026 24 / 27

03 · Mood board 25·KV landing mẫu

KV mẫu · Sốt Gỏi Cay 1080×1920

Bố cục chuẩn cho social.

① Ribbon đỏ headline + sub-claim trắng — top 25 %.
② Hero product (chai) — center-left, pour-action.
③ 3 benefit pill DVN Luckiest Guy — right column.
④ Price block (gạch + giá K) — bottom-left.
⑤ Brush stroke kem→kraft đáy + topo paper nền.

Tỉ lệ vàng

Hero product chiếm ~ 40% diện tích. Text-zone không vượt 35%. Còn lại là thở.

Thích Cay · Design Guideline 2026 25 / 27

03 · Mood board 26·Do & Don't

Visual do / don't — Sai & Đúng

Trông khác — không phải Thích Cay.

NÊN

Gỏi ngon

Chua ngọt
hài hoà

65K

Nền kem · DVN Luckiest Guy · Ribbon xoay nhẹ. Headline 2 dòng đậm đà, price tag dán lệch. Đúng tinh thần "đóng dấu lên đồ ăn".

KHÔNG

Sốt Gỏi Cay

Premium Vietnamese gourmet sauce, crafted with passion since 1985.

Nền trắng · sans-serif lạnh · border-radius 0. Trông như brand Tây sang chảnh — đánh mất hoàn toàn DNA Việt, ấm, đường phố.

Thích Cay · Design Guideline 2026 26 / 27

03 · Mood board 27·Asset & liên hệ

Asset library & liên hệ

Lấy file. Hỏi team.

Logo & assets

Logo (PNG/SVG), product render, texture, mascot — bản gốc & bản đã optimize cho web.

cdn.thichcay.vn/docs/

Fonts

DVN Luckiest Guy, Plus Jakarta Sans, Be Vietnam Pro (Google), Gagalin (logo only).

cdn.thichcay.vn/docs/

Design tokens (CSS & JSON)

Color, type, spacing, radius, shadow, motion. Bản LLM-ready với HEX + OKLCH.

https://cdn.thichcay.vn/docs/tokens.css

Brand guideline đầy đủ

README, voice/tone, do-don't, packaging spec, social template — bản markdown & PDF.

https://cdn.thichcay.vn/docs/BRAND_GUIDELINE.md

Brand Team

[email protected]

Agency Liaison